<!--
Author: W3layouts
Author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
-->
<!DOCTYPE html>
<html>
<head>
<title>Hospice a Medical Category Flat bootstrap Responsive website Template | About :: w3layouts</title>
<link href="css/bootstrap.css" type="text/css" rel="stylesheet" media="all">
<link href="css/style.css" type="text/css" rel="stylesheet" media="all">
<!--web-font-->
<link href='http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic,500,500italic,700,700italic,900,900italic' rel='stylesheet' type='text/css'>
<!--//web-font-->
<!-- Custom Theme files -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="Hospice Responsive web template, Bootstrap Web Templates, Flat Web Templates, Andriod Compatible web template, 
	Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<!-- //Custom Theme files -->
<!-- js -->
<script src="js/jquery.min.js"></script>
<script src="js/modernizr.custom.js"></script>
<!-- //js -->	
<!-- start-smoth-scrolling-->
<script type="text/javascript" src="js/move-top.js"></script>
<script type="text/javascript" src="js/easing.js"></script>	
<script type="text/javascript" src="js/modernizr.custom.53451.js"></script>
<script type="text/javascript">
		jQuery(document).ready(function($) {
			$(".scroll").click(function(event){		
				event.preventDefault();
				$('html,body').animate({scrollTop:$(this.hash).offset().top},1000);
			});
		});
</script>
<!--//end-smoth-scrolling-->
</head>
<body>
	<!--header-->
	<div class="header">
		<div class="container">
			<div class="top-middle">
				<a href="index.html">
					<h3>Hospice</h3>
				</a>	
			</div>
			<div class="top-nav">
				<span class="menu"><img src="images/menu-icon.png" alt=""/></span>		
				<ul class="nav1">
					<li><a href="index.html">Home</a></li>
					<li><a href="about.html" class="active">About Us</a></li>
					<li><a href="features.html">Features</a></li>
					<li><a href="blog.html">Blog</a></li>
					<li><a href="portfolio.html">Portfolio</a></li>
					<li><a href="contact.html" >Contact Us</a></li>
				</ul>
				<!-- script-for-menu -->
				 <script>
				   $( "span.menu" ).click(function() {
					 $( "ul.nav1" ).slideToggle( 300, function() {
					 // Animation complete.
					  });
					 });
				</script>
				<!-- /script-for-menu -->
			</div>	
			<div class="clearfix"> </div>
		</div>	
	</div>
	<!--//header-->
	<!--about-->
	<div class="about">
		<div class="container">
			<div class="work-title">
				<h3>ABOUT<span>US</span></h3>
			</div>
			<div class="about-text">
				<div class="col-md-4 about-text-left">
					<img src="images/img14.jpg" alt=""/>
				</div>
				<div class="col-md-8 about-text-right">
					<h4>Piece of classical Lorem Ipsum </h4>
					<p>The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here'
						There are many variations of passages of Lorem Ipsum available, but the majority have  passage of Lorem Ipsum, you need to be sure there isn't anything embarrassing hidden in the middle of text. All the Lorem Ipsum generators predefined chunks as necessary, making this the first true generator
						injected humour, or non-characteristic words etc.Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour,  to generate Lorem Ipsum which looks reasonable. The generated Lorem Ipsum is therefore always free from repetition</p>
				</div>
				<div class="clearfix"> </div>
			</div>
			<div class="work-title">
				<h3>OUR<span>TEAM</span></h3>
			</div>
			<div class="about-team">
				<div class="col-md-3 about-team-grids">
					<img src="images/img15.jpg" alt=""/>
					<div class="team-text">
						<h4><a href="#">ANDERSON</a> Surgen</h4>
						<p>Odio dignissimos vero eos voluptatem accusantium doloremque laudantium reader will be distracted.</p>
					</div>
				</div>
				<div class=" col-md-3 about-team-grids">
					<img src="images/img16.jpg" alt=""/>
					<div class="team-text">
						<h4><a href="#">JESSICA,</a>Director</h4>
						<p>Odio dignissimos vero eos voluptatem accusantium doloremque laudantium reader will be distracted.</p>
					</div>
				</div>
				<div class="col-md-3 about-team-grids">
					<img src="images/img17.jpg" alt=""/>
					<div class="team-text">
						<h4><a href="#">ELIGENDIEOS</a>Cardiologists</h4>				
						<p>Odio dignissimos vero eos voluptatem accusantium doloremque laudantium reader will be distracted.</p>
					</div>
				</div>
				<div class="col-md-3 about-team-grids">
					<img src="images/img18.jpg" alt=""/>
					<div class="team-text">
						<h4><a href="#">RACKHAM</a> Dentist</h4>
						<p>Odio dignissimos vero eos voluptatem accusantium doloremque laudantium reader will be distracted.</p>
					</div>
				</div>
				<div class="clearfix"> </div>
			</div>
		</div>
	</div>
	<div class="about-skills">
		<div class="container">
			<div class="work-title">
				<h3>WHY CHOOSE<span>US</span></h3>
			</div>
			<div class="about-choose">
				<div class="col-md-4 about-choose-info">
					<h4>DEVELOPMENT</h4>
					<h5>MES CUML DIA SED INENIAS ASPERNATUR CET INGER LOT ALIIQTES</h5>
					<p class="about-pgh">There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, to generate Lorem Ipsum which looks reasonable  dignissimo randomised. but the majority have suffered alteration in some form by injected humour variations of passages  ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores to generate Lorem Ipsum which looks reasonable. </p>
				</div>
				<div class="col-md-4 about-choose-info">
					<h4>CAREERS</h4>
					<h5>NEMO ENIM IPSAM VOLUPTATEM QUIA VOLUPTAS SIT ASPERNATUR AUT ODIT</h5>
					<p class="about-pgh">There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, to generate Lorem Ipsum which looks reasonable or vero eos et The generated Lorem Ipsum accusamus et iusto odio dignissimo randomised dignissimo randomised. All the Lorem Ipsum generators predefined chunks as necessary, making this the first true generator but the majority have suffered alteration in.</p>
				</div>
				<div class="col-md-4 about-choose-info">
					<h4>OUR SKILLS</h4>
					<ul>
						<li><a href="#">Donec ut quam ligula feugiat scelerisque.</a></li>
						<li><a href="#">Etiam volutpat tortor quis nibh lobortis</a></li>
						<li><a href="#">Fusce vitae dolor vitae blandit varius.</a></li>
						<li><a href="#">Proin commodo metus sed nisi lobortis.</a></li>
						<li><a href="#">Nunc volutpat neque vel augue interdum,</a></li>
						<li><a href="#">condimentum fringilla justo lobortis.</a></li>
						<li><a href="#">Vivamus consequat dolor ac est congue.</a></li>
					</ul>
				</div>
				<div class="clearfix"> </div>
			</div>
		</div>
	</div>
	<!--//about-->	
	<!--footer-->
	<div class="footer">
		<div class="container">
			<div class="footer-left">
				<a href="index.html">Hospice</a>
			</div>
			<div class="footer-right">
				<p>© 2015 All rights reserved | Template by <a href="http://w3layouts.com/"> W3layouts</a></p>
			</div>
			<div class="clearfix"> </div>
		</div>
	</div>
	<!--//footer-->
	<!--smooth-scrolling-of-move-up-->
		<script type="text/javascript">
			$(document).ready(function() {
				/*
				var defaults = {
					containerID: 'toTop', // fading element id
					containerHoverID: 'toTopHover', // fading element hover id
					scrollSpeed: 1200,
					easingType: 'linear' 
				};
				*/
				
				$().UItoTop({ easingType: 'easeOutQuart' });
				
			});
		</script>
		<a href="#" id="toTop" style="display: block;"> <span id="toTopHover" style="opacity: 1;"> </span></a>
	<!--//smooth-scrolling-of-move-up-->
</body>
</html>	